<template>
  <div class="study">
    <div class="study-header">
      <div class="title">学电商、找资料就来犀牛学社</div>
      <div class="tip">
        <div class="tag">常用</div>
        <div class="tag">百度</div>
        <div class="tag">Google</div>
        <div class="tag">优设网</div>
        <div class="tag">优优教程</div>
      </div>
      <div class="search">
        <div class="left">优设网 国内专业设计师平台</div>
        <div class="right">百度一下</div>
      </div>
      <div class="hot">
        <div class="hot-text">热搜</div>
        <div class="hot-item">PPT神器 iSlide</div>
        <div class="hot-item">PPT神器 iSlide</div>
        <div class="hot-item">PPT神器 iSlide</div>
        <div class="hot-item">PPT神器 iSlide</div>
        <div class="hot-item">PPT神器 iSlide</div>
        <div class="hot-item">京东JDR Design</div>
        <div class="hot-item">设计师神器</div>
      </div>
    </div>
    <div class="study-content">
      <div class="study-content-title">
        <img src="~/assets/img/shouchang.png" alt="" />
        <span>精品文章</span>
        <span>最全培训资料</span>
      </div>
      <div class="study-content-tags">
        <div class="study-content-tag active">推荐</div>
        <div class="study-content-tag">流量提升</div>
        <div class="study-content-tag">转化提升</div>
        <div class="study-content-tag">私域引流</div>
      </div>
      <div class="tuijian">
        <div class="mrtj">
          <div class="title-wrap">
            <span class="t">今日推荐</span>
            <span class="s-t">2024年01月19日 星期五</span>
          </div>
          <div class="tuijian-row">
            <div class="tuijian-col">01</div>
            <div class="tuijian-text">
              谷歌宣布新的Android 手机搜索功能：画图搜索
            </div>
          </div>
          <div class="tuijian-row">
            <div class="tuijian-col">02</div>
            <div class="tuijian-text">微信再登榜首！品牌价值500强报告发布</div>
          </div>
          <div class="tuijian-row">
            <div class="tuijian-col">03</div>
            <div class="tuijian-text">苹果推出空间影音格式，体验娱乐的未来</div>
          </div>
          <div class="tuijian-row">
            <div class="tuijian-col">04</div>
            <div class="tuijian-text">华为发布原生鸿蒙操作系统星河版</div>
          </div>
        </div>
        <div class="tuijian-item">
          <div class="top"></div>
          <div class="desc">
            AI辅助IP形象设计！用StableZero123生成任意角色的三视图
          </div>
          <div class="footer">
            <div class="tag">阅读量飙升</div>
            <div class="r-tag">营销管理</div>
            <div class="r-tag">营销管理</div>
          </div>
        </div>
        <div class="tuijian-item">
          <div class="top"></div>
          <div class="desc">
            AI辅助IP形象设计！用StableZero123生成任意角色的三视图
          </div>
          <div class="footer">
            <div class="tag">阅读量飙升</div>
            <div class="r-tag">营销管理</div>
            <div class="r-tag">营销管理</div>
          </div>
        </div>
        <div class="tuijian-item">
          <div class="top"></div>
          <div class="desc">
            AI辅助IP形象设计！用StableZero123生成任意角色的三视图
          </div>
          <div class="footer">
            <div class="tag">阅读量飙升</div>
            <div class="r-tag">营销管理</div>
            <div class="r-tag">营销管理</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
@import './study.scss';
</style>
